<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>06 炫酷3d立体旋转</title>
		<link rel="stylesheet" type="text/css" href="index.css"/>
	</head>
	<body>
		<div class="main">
			<!--背景 -->
			<!-- 视频 -->
			<!-- <video src="video/123.mp4" autoplay="autoplay" loop="loop" muted="muted" class="bg"></video> -->
			<img src="img/2.jpg" class="bg">
			
			<div class="cubeBox">
				<!-- 小立方 -->
				<ul class="cube">
					<!-- 视频 -->
					<!-- <li><video src="video/123.mp4" autoplay="autoplay" loop="loop" muted="muted"></video></li>
					<li><video src="video/123.mp4" autoplay="autoplay" loop="loop" muted="muted"></video></li>
					<li><video src="video/123.mp4" autoplay="autoplay" loop="loop" muted="muted"></video></li>
					<li><video src="video/123.mp4" autoplay="autoplay" loop="loop" muted="muted"></video></li>
					<li><video src="video/123.mp4" autoplay="autoplay" loop="loop" muted="muted"></video></li>
					<li><video src="video/123.mp4" autoplay="autoplay" loop="loop" muted="muted"></video></li> -->
					
					<li><img src="img/2.jpg"></li>
					<li><img src="img/2.jpg"></li>
					<li><img src="img/2.jpg"></li>
					<li><img src="img/2.jpg"></li>
					<li><img src="img/2.jpg"></li>
					<li><img src="img/2.jpg"></li>
				</ul>
				<!-- 大立方 -->
				<ul class="cube bigCube">
					<!-- 视频 -->
					<!-- <li><video src="video/123.mp4" autoplay="autoplay" loop="loop" muted="muted"></video></li>
					<li><video src="video/123.mp4" autoplay="autoplay" loop="loop" muted="muted"></video></li>
					<li><video src="video/123.mp4" autoplay="autoplay" loop="loop" muted="muted"></video></li>
					<li><video src="video/123.mp4" autoplay="autoplay" loop="loop" muted="muted"></video></li>
					<li><video src="video/123.mp4" autoplay="autoplay" loop="loop" muted="muted"></video></li>
					<li><video src="video/123.mp4" autoplay="autoplay" loop="loop" muted="muted"></video></li> -->
					
					<li><img src="img/2.jpg" class="bigCubeImg"></li>
					<li><img src="img/2.jpg" class="bigCubeImg"></li>
					<li><img src="img/2.jpg" class="bigCubeImg"></li>
					<li><img src="img/2.jpg" class="bigCubeImg"></li>
					<li><img src="img/2.jpg" class="bigCubeImg"></li>
					<li><img src="img/2.jpg" class="bigCubeImg"></li>
				</ul>
			</div>
		</div>
		
	</body>
</html>
